<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/tld/fn.tld" prefix="fn" %>
<div title="维护车辆通行信息" id="vehicleTrafficRecordSelectDialog" class="dialogtitle">
	<div class="searchbox">
		<span class="fontRed">注:</span>带"<span class="fontRed">*</span>"为必填项
		<form id="frmVehicleTrafficRecord" onSubmit="return false">
			<input type="hidden" name="id" value="<c:out value='${vehicleTrafficRecord.id }'/>">
			<table id="vehicleTrafficRecordTable" cellspacing="0" cellpadding="0">
				<tr>
   					<td rowspan="16" style="width: 140px; height: 50px">
					<img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQPVzYsWtUoKnZ4Gg9jFHticUh-YAPqN2KNprlXL0jsItLlZqvY" id="imageURL" width="250"  height="180" />
				</td>
  				</tr>
  				<tr>
   					<td align="right" style="width:90px;">号牌号码：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
   				</tr>
				<tr> 
					<td align="right" style="width: 114px;">号牌种类：</td>
					<td>
						<select id="vehicleTypeId" name="vehicleTypeId">
							<option value="">---请选择---</option>
							<c:forEach items="${lstVehicleType}" var="vehicleType">
								<option value="${vehicleType.id }" ${vehicleType.id == phoneyPlateVehicle.vehicleTypeId ? "selected" : ""}><c:out value="${vehicleType.name}"></c:out></option>
							</c:forEach>
						</select>
					</td>
				</tr>
				<tr>
					<td ></td>
					<td><button onclick="ajaxFindVehicleCommon()">获取机动车信息</button></td>	
				</tr>
				<tr> 
					<td align="right" style="width: 114px;">使用性质：</td>
					<td>
						<select id="vehicleTypeId" name="vehicleTypeId">
							<option value="">---请选择---</option>
							<c:forEach items="${lstVehicleType}" var="vehicleType">
								<option value="${vehicleType.id }" ${vehicleType.id == phoneyPlateVehicle.vehicleTypeId ? "selected" : ""}><c:out value="${vehicleType.name}"></c:out></option>
							</c:forEach>
						</select>
					</td>
				</tr>
				<tr> 
					<td align="right" style="width: 114px;">车身颜色：</td>
					<td>
						<select id="vehicleTypeId" name="vehicleTypeId">
							<option value="">---请选择---</option>
							<c:forEach items="${lstVehicleType}" var="vehicleType">
								<option value="${vehicleType.id }" ${vehicleType.id == phoneyPlateVehicle.vehicleTypeId ? "selected" : ""}><c:out value="${vehicleType.name}"></c:out></option>
							</c:forEach>
						</select>
					</td>
				</tr>
				<tr> 
					<td align="right" style="width: 114px;">车辆类型：</td>
					<td>
						<select id="vehicleTypeId" name="vehicleTypeId">
							<option value="">---请选择---</option>
							<c:forEach items="${lstVehicleType}" var="vehicleType">
								<option value="${vehicleType.id }" ${vehicleType.id == phoneyPlateVehicle.vehicleTypeId ? "selected" : ""}><c:out value="${vehicleType.name}"></c:out></option>
							</c:forEach>
						</select>
					</td>
				</tr>
				<tr> 
					<td align="right" style="width:90px;">车辆品牌：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
				</tr>
				<tr>
   					<td align="right" style="width:90px;">监控点：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
   				</tr>
   				<tr>
   					<td align="right" style="width:90px;">路段：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
   				</tr>
   				<tr>
   					<td align="right" style="width:90px;">通行方向：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
   				</tr>
   				<tr>
   					<td align="right" style="width:90px;">行驶速度：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
   				</tr>
   				<tr> 
					<td align="right" style="width: 114px;">通行时间：</td>
					<td>
						<select id="vehicleTypeId" name="vehicleTypeId">
							<option value="">---请选择---</option>
							<c:forEach items="${lstVehicleType}" var="vehicleType">
								<option value="${vehicleType.id }" ${vehicleType.id == phoneyPlateVehicle.vehicleTypeId ? "selected" : ""}><c:out value="${vehicleType.name}"></c:out></option>
							</c:forEach>
						</select>
					</td>
				</tr>
				<tr> 
					<td align="right" style="width:90px;">行驶车道：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
				</tr>
				<tr> 
					<td align="right" style="width: 114px;">通行状态：</td>
					<td>
						<select id="vehicleTypeId" name="vehicleTypeId">
							<option value="">---请选择---</option>
							<c:forEach items="${lstVehicleType}" var="vehicleType">
								<option value="${vehicleType.id }" ${vehicleType.id == phoneyPlateVehicle.vehicleTypeId ? "selected" : ""}><c:out value="${vehicleType.name}"></c:out></option>
							</c:forEach>
						</select>
					</td>
				</tr>
				<tr> 
					<td align="right" style="width:90px;">行驶车道：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
				</tr>
				<tr>
   					<td>
					<img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQPVzYsWtUoKnZ4Gg9jFHticUh-YAPqN2KNprlXL0jsItLlZqvY" id="imageURL" width="20"  height="20" /></td>
					<td>
					<img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQPVzYsWtUoKnZ4Gg9jFHticUh-YAPqN2KNprlXL0jsItLlZqvY" id="imageURL" width="20"  height="20" /></td>
					<td>
					<img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQPVzYsWtUoKnZ4Gg9jFHticUh-YAPqN2KNprlXL0jsItLlZqvY" id="imageURL" width="20"  height="20" /></td>
					<td>
					<img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQPVzYsWtUoKnZ4Gg9jFHticUh-YAPqN2KNprlXL0jsItLlZqvY" id="imageURL" width="20"  height="20" /></td>
				</tr>
			</table>
			<table>
				<tr>
   					<td align="right" style="width:90px;">车主姓名：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
   					<td align="right" style="width:90px;">身份证号码：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
   				</tr>
				<tr> 
					<td align="right" style="width: 114px;">车主性别：</td>
					<td>
						<select id="vehicleTypeId" name="vehicleTypeId">
							<option value="">---请选择---</option>
							<c:forEach items="${lstVehicleType}" var="vehicleType">
								<option value="${vehicleType.id }" ${vehicleType.id == phoneyPlateVehicle.vehicleTypeId ? "selected" : ""}><c:out value="${vehicleType.name}"></c:out></option>
							</c:forEach>
						</select>
					</td>
					<td align="right" style="width:90px;">联系地址：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
				</tr>
				<tr>
					<td align="right" style="width:90px;">联系电话：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
					<td align="right" style="width:90px;">手机：</td>
   					<td><input type="text" id="groupname" name="groupname" value="<c:out value='${vehicleGroup.groupname}'/>"></td>
				</tr>
			</table>
		</form>
  		<div id="infoVehicleTrafficRecord" class="fontRed"></div>
  	</div>
</div>			
<script>
	$("button").button();
	
	 $("#startTime").datetimepicker({
         timeFormat: 'HH:mm',
         stepHour: 1,
         stepMinute: 1,
         onClose: function( selectedDate ) {
 	        $( "#endTime" ).datetimepicker( "option", "minDate", selectedDate );
 	      }
     });
     
	$("#endTime").datetimepicker({
         timeFormat: 'HH:mm',
         stepHour: 1,
         stepMinute: 1,
         onClose: function( selectedDate ) {
 	        $( "#startTime" ).datetimepicker( "option", "maxDate", selectedDate );
 	      }
     });
</script>
				